<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%><%-- ${fn:length(list)} --%>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
	var resultMessage="<b>[등록된 영화관 LIST]</b><br>";
	var deleteBtn="<br><input type='button' id='order' value='삭제하기'>";
		
	$(document).ready(function(){
		 $("#regTheaterInfo").click(function(){
			/* if($("form:[name='regTheaterForm']").val()==""){
				alert($("form[name=regTheaterForm]").serialize());
				return false;
			} */
			if($("select:[name='localInfoVO.loc_no']").val()==""){
				alert("지역을 선택해 주세요.");
				return false;
			}
			else if($("input:[ name='theater']").val()==""){
				alert("영화관명을 입력해주세요.");
				return false;
			}
			else if(!isNaN($("input:[ name='theater']").val())){
				alert("영화관명은 문자만 입력가능합니다.");
				return false;
			}
			else if($("input:[ name='theater_addr']").val()==""){
				alert("영화관 주소를 입력해주세요.");
				return false;
			}
			else if($("input:[ name='theater_tel']").val()==""){
				alert("영화관 연락처를 입력해주세요.");
				return false;
			}
			 
			var answer = confirm ('입력한 정보로 영화관을 등록하시겠습니까?');
			if(answer){
				//지역명을 히든에 저장시킴
				$("#loc_name").html($("#loc_sel").text());
				$.ajax({
				type:"POST",
	      	   	url:"admin.do",
	      	   	data:$("form[name=regTheaterForm]").serialize(),
	      	   	dataType:"json",
	      	   	success:function(json){
	      	   		var tInfo=json.map.tvo;
	      	   		//controller 에서 등록된 영화관 번호를 가져와 hidden 에 저장
	      	   		$("#reg_theater_no").val(tInfo.theater_no);
	      	   		$("#insertPlayTheaterInfo").html(printRegedTheater(tInfo.theater,tInfo.theater_addr,tInfo.theater_tel));
	      	   		
					//상영관 등록 테이블 생성 코드
					$("#insertPlayroomTable").html(
					"<br><table border='1'width='100%' cellspacing='0' ><tr bgcolor='#f5f5f5'>	<td align='center' colspan='4' ><b>상영관 정보 입력</b></td>"
					+"	</tr><tr><td width='30%' align='center'>등록할 상영관 <span id='regPrNo'></span></td>"
					+"<td align='center'  width='30%' >좌석타입</td><td align='center'  width='30%' ><span id='theater_seat_capacity'></span></td>"
					+"<td align='center' ><input id='reg_seat_btn' type='button' value='상영관등록'>"
					+"</td>"
					+"</tr><tr>	<td colspan='2' ><span id='insertPlayRoomInfo'></span></td><td colspan='2' ><span id='insertPlayRoomTypeImageZone'></td></tr></table>"			
					);
					$("#regPrNo").html(selectPrno(json.map.prNoList));
					$("#theater_seat_capacity").html(selectPrTypeList(json.map.prTypeList));
			      	$("#insertPlayRoomTypeImageZone").html("<img src='img.playroom_type/"+$("#selectRegPrType").val()+"_type.jpg'>");
	      	   	}
			});//ajax 
	      	$(':text').attr('readonly', true);
			}//confirm 확인 
		});
		
		//상영관 등록
		$("#insertPlayroomTable").on("click","#reg_seat_btn",function(){
			//등록할 상영관 번호
			var pno=$("#selectRegPrNo").val();
			//등록할 상영관 좌석수
			var ps=$("#selectRegPrType").val();
			var pc=$("input:[name='"+ps+"']").val();
			var answer = confirm ("["+pno+"]번 상영관에 좌석타입 : ["+ps+":"+pc+"석] 를 등록합니다.");
			if(answer){
				$.ajax({
					type:"POST",
		      	   	url:"admin.do",
		      	   	data:"command=playRoom_reg&theaterVO.theater_no="
		      	   	+$("#reg_theater_no").val()+"&play_room_no="+pno+"&seat_capacity="+pc
		      	   	+"&play_room_type_id="+ps,
		      	   	dataType:"json",
		      	   	success:function(json){
		      	   	$("#regPrNo").html(selectPrno(json.map.prNoList));
					//상영관 등록 현황을 좌측에 출력하는 펑션
					$("#insertPlayRoomInfo").html(regPlayRoomInfo(json.map.pvo));
					}		      	   	
				});//ajax
			}//if
		});//on 메서드
		//상영관 삭제
		$("#insertPlayroomTable").on("click",".#del_seat_btn",function(){
			var delPr=$(":input:radio:[name=selpr]:checked").val();
			var delPrNo=$(":input:hidden:[name='"+delPr+"']").val();
			var answer = confirm ("["+delPr+"]번 좌석을 삭제 하시겠습니까?");
				if(answer){
					delPrNo=
					$.ajax({
						type:"POST",
			      	   	url:"admin.do",
			      	   	data:"command=playRoom_del&delList="+delPrNo,
			      	   	dataType:"json",
			      	   	success:function(json){
			      	   		alert("삭제");
			      	   	}
					});//ajax
				}//if
			});//on
		//등록할 상영관 타입의 이미지를 출력
		$("#insertPlayroomTable").on("change","#selectRegPrType",function(){
			$("#insertPlayRoomTypeImageZone").html("<img src='img.playroom_type/"+$(this).val()+"_type.jpg'>");
			})//on
		});//ready doc
		
		
	//등록된 영화관 정보를 테이블에 출력
	function printRegedTheater(theater,t_add,t_tel){
		var regInfo="지역 : <b>"+$("#loc_name").val()+"</b><br>"; 
		regInfo="영화관 : <b>"+theater+"</b><br>";
		regInfo+="주소 : <br><b>"+t_add+"</b><br>";
		regInfo+="전화번호 : <b>"+t_tel+"</b>";
		return regInfo;
	}
	
	//등록된 상영관 정보를 테이블에 출력
	function regPlayRoomInfo(pvo){
		var pNo=pvo.play_room_no;
		var pC=pvo.seat_capacity;
		var pT=pvo.play_room_type_id;
		resultMessage+="<b>"+pNo+"</b> 번관 등록. 좌석 타입 : <b>"+pT+"</b>   좌석수 : <b>"+pC+"</b><br>";
		
		return resultMessage;
	}
	//등록가능한 상영관 번호 리스트 로딩
	function selectPrno(list){
		var prNoList="<select id='selectRegPrNo'>";
			for(i=0;i<list.length;i++){
				var prno=list[i];
				prNoList+="<option value='"+prno+"'>";
				prNoList+=prno+"</option>";
			}
		prNoList+="</select>";
		return prNoList;
	}
	//등록가능한 상영관 타입 리스트 로딩
	function selectPrTypeList(list){
		var prNoList="<select id='selectRegPrType'>";
			for(i=0;i<list.length;i++){
				var prId=list[i].play_room_type_id;
				var prCap=list[i].play_room_capacity;
				prNoList+="<option value='"+prId+"'>";
				prNoList+=prId+"타입  :  상영관 수"+prCap+"석</option>";
				prNoList+="<input type='hidden' name='"+prId+"'value='"+prCap+"'>";
			}
		prNoList+="</select>";
		return prNoList;
	}
	
</script>
<c:choose>
<c:when test="${sessionScope.vo.memberlevelinfoVO.member_level_no !=1}">
<script>
	alert("잘못된 접근입니다!");           
	location.href="mycinema.do?command=home_main";
</script>
</c:when>
</c:choose>
<!--영화관 정보 입력 테이블-->
<font class="title">영화관 입력 페이지 입니다</font><hr color="#f5f5f5">
<table><tr><td></td></tr></table>
<form name="regTheaterForm">
<input type="hidden" name="command" value="theater_reg">
<table border="1" width="610" cellspacing='0'>
	<tr bgcolor="#f5f5f5">
		<td align="center" height="10" colspan="4"><b>영화관 정보 입력</b></td>
	</tr>
	<tr>
		<td width="30%" align="center">지역구 선택</td>
		<td width="10%" align="center">
		<select id="loc_sel" width="15" name="localInfoVO.loc_no" >
			<option value="">지역을 선택하세요</option>
			<c:forEach items="${loc_list}"  var="list" >
			<option value="${list.loc_no}" >${list.loc}</option>		
			</c:forEach>
		</select></td>
		<td width="30%" align="center">영화관 명</td><td width="30%" align="center" ><input size="20" type="text" name="theater" ></td>
		
	</tr>
	<tr>
			
	</tr>
	<tr>
		<td align="center">주소</td><td align="center" colspan="2" ><input size="45" type="text" name="theater_addr" ></td>
		<td rowspan="2" align="center">
			<span id="insertPlayTheaterInfo">
			<input type="button" id="regTheaterInfo" value="영화관 정보 등록">
			</span>
		</td>
	</tr>
	<tr>
		<td align="center" >연락처</td><td align="center" colspan="2"><input size="45" type="text" name="theater_tel" ></td>
	</tr>
</table>
</form>

<!-- 영화관 정보 입력 테이블 여기까지 -->

<!-- 등록된 영화관의 지역명을 hidden 에 저장 -->
<input type="hidden" id="loc_name" value="">
<!-- 등록된 영화관의 영화관 번호를  hidden 에 저장-->
<input type="hidden" id="reg_theater_no" value="">

<div id="insertPlayroomTable">
</div>
